<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/template.xhtml">

	<ui:define name="login">
		<h:form>
			<h:commandButton action="#{loginBean.logout()}" value="Cerrar Sesion"
				style="float:right" />
		</h:form>

	</ui:define>



	<ui:define name="contenido">

		<h:form>

			<rich:panel>
				<f:facet name="header">Registrar Datos Personales Cliente</f:facet>
				<h:panelGrid columns="2" cellpadding="7px">
					<h:panelGrid columns="2" cellpadding="7px">
						<h:outputText value="Nombre" />
						<h:inputText value="#{crearCuentaBean.cliente.nombre}" />
						<h:outputText value="Apellido" />
						<h:inputText value="#{crearCuentaBean.cliente.apellido}" />
						<h:outputText value="Cedula" />
						<h:inputText value="#{crearCuentaBean.cliente.cedula}" />
						<h:outputText value="Correo" />
						<h:inputText value="#{crearCuentaBean.cliente.correo}" />
						<h:outputText value="" />
						<h:outputText value="" />
						<h:outputText value="" />
						<h:outputText value="" />
					</h:panelGrid>






					<h:form id="aa">
						<h:panelGrid columns="2" cellpadding="7px" id="panel">
							<h:outputText value="Usuario" />
							<h:inputText value="#{crearCuentaBean.user}"
								id="usr" />
							<h:outputText value="Contraseña" />
							<h:inputText value="#{crearCuentaBean.pass}" id="con" />
							<h:outputText value="Roles" />

							<h:selectOneRadio value="#{crearCuentaBean.rolSeleccionado}"
								converter="#{convertidorRol.converter()}" id="ro">
								<f:selectItems value="#{crearCuentaBean.roles}" var="item"
									itemLabel="#{item.nombreRol}"></f:selectItems>

							</h:selectOneRadio>

							<h:commandButton value="Agregar"
								action="#{crearCuentaBean.Agregar()}">
								
								<f:ajax  execute="@form" render="@form"></f:ajax>

							</h:commandButton>
							<h:outputText value="" />



							<h:outputText value="Usuarios Agregados" />
							<rich:dataTable value="#{crearCuentaBean.usuarios}" var="_usr"
								id="tabla">

								<rich:column>
									<f:facet name="header">Usuario</f:facet>
									<h:outputText value="#{_usr.nombreusuario}" />
								</rich:column>

								<rich:column>
									<f:facet name="header">Password</f:facet>
									<h:outputText value="*******" />
								</rich:column>

								<rich:column>
									<f:facet name="header">Rol</f:facet>
									<h:outputText value="#{_usr.unRol.nombreRol}" />
								</rich:column>
							</rich:dataTable>

						</h:panelGrid>
					</h:form>




					<h:form>
						<h:panelGrid columns="2" cellpadding="7px">

							<h:outputText value="Tipo de Cuenta" />

							<h:selectOneMenu value="#{crearCuentaBean.tipoCuenta}"
								converter="#{convertidorTipoCuenta.converter()}">
								<f:selectItems value="#{crearCuentaBean.tipoCuentas}" var="aa"
									itemLabel="#{aa.descripcion}"></f:selectItems>

							</h:selectOneMenu>

							<h:outputText value="Numero de Cuenta" />
							<h:outputText id="numCuentaID" value="#{crearCuentaBean.numCuenta}" />

							<h:outputText value="" />
							<h:commandButton value="Agregar Cuenta"
								action="#{crearCuentaBean.AgregarCuenta()}">
								<f:ajax execute="@form" render="a numCuentaID"></f:ajax>
							</h:commandButton>




						</h:panelGrid>

						<rich:dataTable id="a" value="#{crearCuentaBean.cuentas}"
							var="_item">

							<rich:column>
								<f:facet name="header">Numero de Cuenta</f:facet>
								<h:outputText value="#{_item.numeroCuenta}" />
							</rich:column>

							<rich:column>
								<f:facet name="header">Tipo de cuenta</f:facet>
								<h:outputText value="#{_item.unTipoCuenta.descripcion}" />

							</rich:column>


							<rich:column>
								<f:facet name="header">Fecha de creacion</f:facet>
								<h:outputText value="#{_item.fecha}" />

							</rich:column>





						</rich:dataTable>

					</h:form>
				</h:panelGrid>



				<h:panelGrid columns="2">


				</h:panelGrid>

				<h:panelGrid columns="2">

					<h:commandButton action="#{crearCuentaBean.Guardar()}"
						value="Guardar" />
					<h:commandButton action="#{crearCuentaBean.Cancelar()}"
						value="Cancelar" />

				</h:panelGrid>


			</rich:panel>


		</h:form>



	</ui:define>

</ui:composition>
